<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="fragment/header::head"></div>
<body>
<div th:replace="fragment/sidebar::side"></div>
<!-- partial -->
<div class="main-panel">
    <div class="content-wrapper">
        <!-- Page Title Header Ends-->
        <div class="row">
            <div class="col-md-12 grid-margin">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-md-6">
                                <div class="d-flex">
                                    <div class="wrapper">
                                        <h5 class="mb-0 font-weight-medium text-primary">总会话量</h5>
                                        <h3 class="mb-0 font-weight-semibold" th:text="${title1}">230</h3>

                                        <p class="mb-0 text-muted">较昨日上涨10%</p>
                                    </div>
                                    <div class="wrapper my-auto ml-auto ml-lg-4">
                                        <canvas width="100" height="60" id="stats-line-graph-1"></canvas>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 mt-md-0 mt-4">
                                <div class="d-flex">
                                    <div class="wrapper">
                                        <h5 class="mb-0 font-weight-medium text-primary">处理中的会话数量</h5>
                                        <h3 class="mb-0 font-weight-semibold" th:text="${title2}">200</h3>

                                        <p class="mb-0 text-muted">较昨日上涨21%</p>
                                    </div>
                                    <div class="wrapper my-auto ml-auto ml-lg-4">
                                        <canvas width="100" height="60" id="stats-line-graph-2"></canvas>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 mt-md-0 mt-4">
                                <div class="d-flex">
                                    <div class="wrapper">
                                        <h5 class="mb-0 font-weight-medium text-primary">在线客服数</h5>
                                        <h3 class="mb-0 font-weight-semibold" th:text="${title3}">30</h3>

                                        <p class="mb-0 text-muted">较昨日上涨12%</p>
                                    </div>
                                    <div class="wrapper my-auto ml-auto ml-lg-4">
                                        <canvas width="100" height="60" id="stats-line-graph-3"></canvas>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-md-6 mt-md-0 mt-4">
                                <div class="d-flex">
                                    <div class="wrapper">
                                        <h5 class="mb-0 font-weight-medium text-primary">今日消息数</h5>
                                        <h3 class="mb-0 font-weight-semibold" th:text="${title4}">2300</h3>

                                        <p class="mb-0 text-muted">较昨日上涨15%</p>
                                    </div>
                                    <div class="wrapper my-auto ml-auto ml-lg-4">
                                        <canvas width="100" height="60" id="stats-line-graph-4"></canvas>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- content-wrapper ends -->


    <!-- main-panel ends -->
    <div class="card-body">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>序号</th>
                <th>标题</th>
                <th>内容</th>
                <th>创建者id</th>
                <th>创建时间</th>

            </tr>
            </thead>
            <tbody>
            <tr th:each="notice , rowInfo : ${list}">
                <td class="table-info" th:text="${rowInfo.count}"> 1 </td>
                <td class="table-warning" th:text="${notice.getTitle()}"> Herman Beck </td>
                <td class="table-danger" th:text="${notice.getContent()}"> Photoshop </td>
                <td class="table-success" th:text="${notice.getCreatorid()}"> $ 77.99 </td>
                <td class="table-primary" th:text="${notice.getCreatetime()}"> May 15, 2015 </td>
            </tr>
            </tbody>
        </table>
        <a th:href="@{/notice/index_notice(current=1,size=10)}">首页</a>
        <a th:href="@{/notice/index_notice(current=${i},size=10)}" th:each="i : ${#numbers.sequence(1,pagesCount)}"><span th:text="${i}" style="border: 1px solid #e3e3e3;height: 16px;width: 16px;text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;margin-left: 10px">1</span></a>
        <a th:href="@{/notice/index_notice(current=${pagesCount},size=10)}">尾页</a>
    </div>
    <!-- partial --></div>
<div th:replace="fragment/footer::foot"></div>
<span style="font-size:14px;type:botton"><a href="#">回到最顶端</a></span>

</body>
</html>